<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>小兔鲜儿 - 新鲜 惠民 快捷!</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <link rel="shortcut icon" href="./images/favicon.ico">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2143783_iq6z4ey5vu.css">
    <script src="js/jQuery.big.js"></script>
    <script src="js/login.js"></script>
</head>

<body>

    <!-- 登录头部 -->
    <div class="xtx-login-header">
        <h1 class="logo"></h1>
        <a class="home" href="./index.html">进入网站首页</a>
    </div>
    <!-- 登录内容 -->
    <div class="xtx-login-main">
        <div class="wrapper">
            <form action="">
                <div class="box">
                    <div class="tab-nav">
                        <a href="javascript:;" class="active">账户登录</a>
                        <a href="javascript:;" class="lor">二维码登录</a>
                        <a href="javascript:;" class="link"> 手机验证码登录</a>
                    </div>
                    <div class="tab-pane ">
                        <div class="input">
                            <span class="iconfont icon-zhanghao"></span>
                            <input required type="text" placeholder="请输入用户名称/手机号码" name="username">
                        </div>
                        <div class="input">
                            <span class="iconfont icon-suo"></span>
                            <input required type="password" placeholder="请输入密码" name="password">
                        </div>
                        <div class="agree">
                            <label for="my-checkbox">
                <input type="checkbox"  value="1" id="my-checkbox" class="remember" name="agree">
                <span class="iconfont icon-xuanze"></span>
              </label> 我已同意 <a href="javascript:;">《服务条款》</a href="javascript:;"> 和 <a>《服务条款》</a>
                        </div>
                        <div class="button clearfix">
                            <button type="submit" class="dl" style="cursor:pointer;">登 录</button>
                            <a class="fl" href="./forget.html">忘记密码？</a>
                            <a class="fr" href="./register.html">免费注册</a>
                        </div>
                    </div>
                    <div class="tab-pane aa">
                        <img src="images/code.png" alt="">
                    </div>
                    <div class="tab-pane bb">

                        <div class="input">
                            <input type="text" placeholder="请输入手机号码" name="phone">
                            <span class="msg"></span>
                        </div>
                        <div class="input">
                            <input type="text" placeholder="短信验证码" name="code">
                            <span class="msg"></span>
                            <a class="code" href="javascript:;">获取验证码</a>

                        </div>
                        <div class="agree">
                            <label for="my-checkbox">
                              
                <span class="iconfont icon-xuanze"></span>
              </label>
                            <div class="button clearfix">
                                <button type="button" id="denglu" class="dl" style="cursor:pointer;">登 录</button>
                                <a class="fl" href="./forget.html">忘记密码？</a>
                                <a class="fr" href="./register.html">免费注册</a>
                            </div>
                        </div>
                    </div>
            </form>
            </div>
        </div>
        <!-- 登录底部 -->
        <div class="xtx-login-footer">
            <!-- 版权信息 -->
            <div class="copyright">
                <p>
                    <a href="javascript:;">关于我们</a>
                    <a href="javascript:;">帮助中心</a>
                    <a href="javascript:;">售后服务</a>
                    <a href="javascript:;">配送与验收</a>
                    <a href="javascript:;">商务合作</a>
                    <a href="javascript:;">搜索推荐</a>
                    <a href="javascript:;">友情链接</a>
                </p>
                <p>CopyRight &copy; 小兔鲜儿</p>
            </div>
        </div>


</body>

</html>